<template>
    <section class="personalSettings-box">
        <BasicInfoForm></BasicInfoForm>
        <PreferenceForm></PreferenceForm>
    </section>
</template>

<script>
    import BasicInfoForm from './BasicInfoForm.vue';//基本资料表单
    import PreferenceForm from './PreferenceForm.vue';//投资偏好表单

    export default {
        data() {
            return {

            }
        },
        metaInfo () {
            return {
                title: '个人基本信息和选房偏好设置_华美优胜美国房地产投资公司',
                meta: [
                    { vmid: 'keywords', name: 'keywords', content: '个人基本信息和选房偏好设置_华美优胜美国房地产投资公司' },
                    { vmid: 'description', name: 'description', content: '个人基本信息和选房偏好设置_华美优胜美国房地产投资公司' },

                ],
            }
        },
        mounted() {


        },
        computed: {},
        methods: {

        },
        components: {
            BasicInfoForm,//基本资料表单
            PreferenceForm,//投资偏好表单
        }
    }
</script>

<style lang="less" type="text/less">
    body{
        .personalSettings-box{
            .ant-form{
                padding: 20px 30px;
                .topBar {
                    padding: 0 0 20px 0;
                    h4 {
                        font-size: 18px;
                        font-weight: bold;
                        text-align: left;
                        float: left;
                    }
                    aside {
                        float: right;
                        text-align: right;
                        >button{
                            margin: 0 15px;
                        }
                    }
                }
                .borderBottom-box{
                    >li{
                        line-height: 50px;
                        border-bottom: 1px solid #e6e9f0;
                    }
                    padding-bottom: 30px;
                }
            }
        }
    }
</style>
